
<ion-view>
<ion-pane>
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back"  ui-sref="shopHome" style="color: #fff"></button>
        <div class="h1 title">数据统计-产品</div>
    </ion-header-bar>
  <ion-content class="stable-bg"  style="bottom: 50px;">
      <!--数据统计-产品内容区-->
        <div class="data_trade_wrap">
          <!--状态tab-->
            <ul class="trade_head_tab row">
               <li class="col-33" ng-class="{true:'active', false:''}[headTab=='1']" ng-click="showHeadTab('1')">
                    <a href >浏览</a>
               </li>
              <li class="col-33" ng-class="{true:'active', false:''}[headTab=='2']"  ng-click="showHeadTab('2')">
                <a >预约</a>
              </li>
              <li class="col-33" ng-class="{true:'active', false:''}[headTab=='3']" ng-click="showHeadTab('3')">
                <a  >打款</a>
              </li>
            </ul>
            <!--时间tab-->
            <ul class="trade_head_time row">
              <li class="col" ng-class="{true:'active', false:''}[countBy==-7]" ng-click="showCountBy(-7)">
                <a href >7天</a>
              </li>
              <li class="col" ng-class="{true:'active', false:''}[countBy==-30]" ng-click="showCountBy(-30)">
                <a href >1个月</a>
              </li>
              <li class="col" ng-class="{true:'active', false:''}[countBy==-90]" ng-click="showCountBy(-90)">
                <a href >3个月</a>
              </li>
              <li class="col" ng-class="{true:'active', false:''}[countBy==-180]" ng-click="showCountBy(-180)">
                <a href >半年</a>
              </li>
            </ul>
          <!--数据-->
          <div class="data_trade_list" style="margin-bottom: 10px;">
              <div class="row" style="padding: 5px 0">
                  <div class="col-50" style="color: #808080;font-size: 14px;padding-left: 15px;">
                      产品名称
                  </div>

                <div class="col-50 data_chart_tit" ng-if="headTab=='1'">
                        <span class="col-25">
                          <i></i>浏览量
                        </span>
                        <span class="col-25">
                            <i style="background-color: #46a4ec;"></i>访客数
                        </span>
                </div>
              </div>
            <ul class="data_trade_listmain">
              <li class="clear" ng-repeat="($index,data) in thisData.map.ProductCountSee" ng-if="headTab=='1'">
                  <h3 style="width: 60%;">{{$index+1}}、{{data.productName||'&lt;空&gt;'}}</h3>
                  <div class="row" style="width: 40%;">
                    <span class="col-50">
                      <i style="background: #fff;color: #f65a7b;font-weight: 800;text-align: center">{{data.viewCount}}</i>
                    </span>
                    <span class="col-50">
                        <i style="background: #fff;color:#46a4ec;font-weight: 800;text-align: center">{{data.count}}</i>
                    </span>
                  </div>
              </li>
                <li class="clear" ng-repeat="($index,data) in thisData.make" ng-if="headTab=='2'">
                    <h3 style="width: 60%">{{$index+1}}、{{data.pName ||'&lt;空&gt;'}}</h3>
                    <div class="row" style="width: 40%">
                        <span class="col-50">
                          <i></i>
                        </span>
                        <span class="col-50">
                          <i style="background: #fff;color:#46a4ec;font-weight: 800;">{{data.count/10000}}万</i>
                        </span>

                    </div>

                </li>
                <li class="clear" ng-repeat="($index,data) in thisData.done" ng-if="headTab=='3'">
                    <h3 style="width: 60%">{{$index+1}}、{{data.pName ||'&lt;空&gt;'}}</h3>
                    <div class="row" style="width: 40%">
                        <span class="col-50">
                      <i></i>
                    </span>
                        <span class="col-50">
                      <i style="background: #fff;color:#46a4ec;font-weight: 800;">{{data.count/10000}}万</i>
                    </span>

                    </div>

                </li>

            </ul>
              <div ng-if = "isIf" style="padding-bottom: 20px;">
                  <p ng-bind="txt" style="text-align: center;color: #ccc;"></p>
              </div>
          </div>
        </div>
  </ion-content>
  <div class="tabs tabs-icon-top foot_tab data_tab" style="margin-bottom: env(safe-area-inset-bottom);margin-bottom: constant(safe-area-inset-bottom);">
      <a class="tab-item" ui-sref="shopDataFlow">
                <span class="icon">
                     <img src="img/commimg/liuliang_iconhui.png" alt="">
                    <!--<img src="img/mews_x.png" alt="">-->
                </span>
          流量
      </a>
      <a class="tab-item" ui-sref="shopDataProduct" style="color: #fb8223;">
                <span class="icon">
                   <img src="img/commimg/chanpin_icon.png" alt="">

                </span>
        产品
      </a>
      <a class="tab-item" ui-sref="shopTransaction">
                <span class="icon">
                  <img src="img/commimg/jiaoyi_iconhui.png" alt="">

                </span>
          交易
      </a>

  </div>
</ion-pane>
</ion-view>

